@import "color";

.section {
  padding: 7px;
  font-size: 12px;
  background: #ffffff;
  .section-left {
    width: 230px;
    min-height: 627px;
    float: left;
    .news-container {
      margin-top: 16px;
      border: solid 1px #ececec;
      overflow: hidden;
      .news-container-header {
        width: 228px;
        height: 36px;
        h2 {
          float: left;
          padding-left: 13px;
          font-size: 16px;
          font-weight: 500;
          line-height: 36px;
          margin: 0;
        }
        a.more {
          float: right;
          background: #0088CE;
          width: 40px;
          line-height: 16px;
          cursor: pointer;
          color: white;
          margin-right: 10px;
          margin-top: 10px;
          text-align: center;
        }
      }
      hr {
        margin: 0;
        border: 1px solid #ececec;
        margin-left: auto;
        margin-right: auto;
        width: 200px;
      }
      .newslist {
        min-height: 220px;
        li {
          padding-left: 10px;
          padding-right: 10px;
        }
      }
      .category-list {
        padding: 10px;
        li {
          line-height: 30px;
          padding-left: 24px;
          padding-right: 10px;
          margin-bottom: 2px;
          font-size: 14px;
          border:solid 1px transparent;
          &:hover,&.active {
             border:solid 1px @app-color;
          }
          img {
            width: 10px;
            margin-right: 16px;
          }
        }
      }
    }
  }
  .section-right {
    border: solid #ececec 1px;
    float: right;
    min-height: 624px;
    width: 755px;
    .section-right-header {
      background: url(../images/right_header_bg.png) repeat-x;
      height: 35px;
      line-height: 34px;
      padding-left: 16px;
      color: @app-color;
      a {
        color: @app-color;
        &:hover {
          color: #dd860e;
        }
      }
    }
    .sort-list {
      margin: 0 auto;
      width: 97%;
      margin-top: 15px;
      dl {
        list-style: none;
        margin-bottom: 5px;
        text-align: left;
        dd {
          margin: 0;
          .list-header {
            font-size: 14px;
            font-weight: bold;
            color: @app-color;
            line-height: 32px;
            position: relative;
            margin-top: 12px;
            border-bottom: solid 1px @app-border-color;
            .more {
              font-size: 12px;
              float: right;
              margin-right: 12px;
              font-weight: normal;
            }
          }
          ul {
            text-align: left;
            padding-bottom: 1px;
            li {
              height: 30px;
              color: #666;
              line-height: 30px;
              border-bottom: 1px @app-border-color dashed;
              text-align: left;
              span {
                float: right;
                font: 11px/30px "Helvetica";
                color: #b5b5b5;
                padding-right: 10px;
              }
            }
          }
        }
      }

      .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px;
        li {
          display: inline;
          overflow: hidden;
          a, span {
            position: relative;
            float: left;
            padding: 2px 8px;

            line-height: 1.8;
            text-decoration: none;
            color: @app-color;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            margin-left: -1px;
            margin-right: 10px;

            &.active {
              background: @app-color;
              color: #ffffff;
              border-color: @app-color;
            }
            &:hover {
              background: @app-color;
              color: #ffffff;
              border-color: @app-color;
            }
          }
        }
      }
    }
    .section-content {
      font: 14px/28px "Microsoft YaHei";
      color: #4e4d4d;
      width: 95%;
      margin-top: 10px;
      margin: auto;
      h1 {
        font: bold 20px/50px "Microsoft YaHei";
        color: #cb832b;
        text-align: center;
        line-height: 30px;
        margin-bottom: 10px;
      }
      h2 {
        font: 12px/22px "Microsoft YaHei";
        background: #F7F7F7;
        color: #767676;
        text-align: center;

      }
      .text {
        font: 14px/28px "Microsoft YaHei";
        color: #4e4d4d;
        embed {
          max-width: 90%;
          min-width: 600px;
          min-height: 480px;
        }
        img {
          max-width: 90% !important;
        }
        p {
          text-indent: 24px;
          margin: 0;
          padding: 0;
        }
      }
      .text-next {
        width: 97%;
        height: 60px;
        margin: 5px auto 8px auto;
        font-size: 12px;
        line-height: 60px;
        color: #000;

        ul {
          li {
            float: left;
            width: 49%;
            a {
              color: #000;
              font-size: 12px;
            }
          }
        }
      }
    }
  }

}